<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<div class="footer">
    <div class="container">
        <div class="footer-content">
            <div class="footer-section">
                <h3>关于我们</h3>
                <p>淘乐乐商城是一个综合性电商平台，致力于为用户提供优质的购物体验。</p>
            </div>
            <div class="footer-section">
                <h3>客户服务</h3>
                <ul>
                    <li><a href="#">购物指南</a></li>
                    <li><a href="#">配送方式</a></li>
                    <li><a href="#">支付方式</a></li>
                    <li><a href="#">售后服务</a></li>
                </ul>
            </div>
            <div class="footer-section">
                <h3>联系我们</h3>
                <ul>
                    <li>客服电话：400-123-4567</li>
                    <li>邮箱：support@taolele.com</li>
                    <li>地址：某某市某某区某某街道123号</li>
                </ul>
            </div>
        </div>
        <div class="footer-bottom">
            <p>&copy; 2024 淘乐乐商城 版权所有</p>
        </div>
    </div>
</div>

<style>
    .footer {
        background-color: #f8f9fa;
        padding: 40px 0 20px;
        margin-top: 40px;
        color: #666;
    }
    
    .footer-content {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
        margin-bottom: 20px;
    }
    
    .footer-section h3 {
        color: #333;
        margin-bottom: 15px;
        font-size: 18px;
    }
    
    .footer-section ul {
        list-style: none;
        padding: 0;
    }
    
    .footer-section ul li {
        margin-bottom: 8px;
    }
    
    .footer-section a {
        color: #666;
        text-decoration: none;
    }
    
    .footer-section a:hover {
        color: #ff4d4f;
    }
    
    .footer-bottom {
        text-align: center;
        padding-top: 20px;
        border-top: 1px solid #ddd;
    }
</style> 